<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>不规则文字环绕</title>
    <style>
        .avator{
            height: 200px;
            width: 200px;
            float: left;
            margin-right: 1rem;
            border-radius: 50%;
            shape-outside: circle(50%);
        }
    </style>
</head>

<body>
    <img src="../Resources/earth.jpeg" class="avator"></img>
    <p>
        我们只是尽我们所能为你呈现数据真实的一面，并且提供了一些直观、易用的交互方式以方便你对所展现数据进行挖掘、提取、修正或整合，让你可以更加专注于你所关心地方，无论是系列选择、区域缩放还是数值筛选，让你可以有不同的方式解读同样的数据。浏览ECharts所输出的图表，你不再只是个“读者”，你可以参与其中，这就是ECharts，我们正在打造的一个拥有互动图形用户界面（GUI）的数据可视化工具。
        我们只是尽我们所能为你呈现数据真实的一面，并且提供了一些直观、易用的交互方式以方便你对所展现数据进行挖掘、提取、修正或整合，让你可以更加专注于你所关心地方，无论是系列选择、区域缩放还是数值筛选，让你可以有不同的方式解读同样的数据。浏览ECharts所输出的图表，你不再只是个“读者”，你可以参与其中，这就是ECharts，我们正在打造的一个拥有互动图形用户界面（GUI）的数据可视化工具。
        我们只是尽我们所能为你呈现数据真实的一面，并且提供了一些直观、易用的交互方式以方便你对所展现数据进行挖掘、提取、修正或整合，让你可以更加专注于你所关心地方，无论是系列选择、区域缩放还是数值筛选，让你可以有不同的方式解读同样的数据。浏览ECharts所输出的图表，你不再只是个“读者”，你可以参与其中，这就是ECharts，我们正在打造的一个拥有互动图形用户界面（GUI）的数据可视化工具。
        我们只是尽我们所能为你呈现数据真实的一面，并且提供了一些直观、易用的交互方式以方便你对所展现数据进行挖掘、提取、修正或整合，让你可以更加专注于你所关心地方，无论是系列选择、区域缩放还是数值筛选，让你可以有不同的方式解读同样的数据。浏览ECharts所输出的图表，你不再只是个“读者”，你可以参与其中，这就是ECharts，我们正在打造的一个拥有互动图形用户界面（GUI）的数据可视化工具。
        我们只是尽我们所能为你呈现数据真实的一面，并且提供了一些直观、易用的交互方式以方便你对所展现数据进行挖掘、提取、修正或整合，让你可以更加专注于你所关心地方，无论是系列选择、区域缩放还是数值筛选，让你可以有不同的方式解读同样的数据。浏览ECharts所输出的图表，你不再只是个“读者”，你可以参与其中，这就是ECharts，我们正在打造的一个拥有互动图形用户界面（GUI）的数据可视化工具。
        我们只是尽我们所能为你呈现数据真实的一面，并且提供了一些直观、易用的交互方式以方便你对所展现数据进行挖掘、提取、修正或整合，让你可以更加专注于你所关心地方，无论是系列选择、区域缩放还是数值筛选，让你可以有不同的方式解读同样的数据。浏览ECharts所输出的图表，你不再只是个“读者”，你可以参与其中，这就是ECharts，我们正在打造的一个拥有互动图形用户界面（GUI）的数据可视化工具。
    </p>
</body>

</html>